const demo = {
  path: '/demo',
  meta: { title: 'Demo' },
  name: 'Demo',
  component: () => import('@/apps/admin/Layout/Layout.vue'),
  children: [
    {
      path: 'image',
      meta: {
        icon: 'image',
        title: '图片组件'
        // open: true
      },
      name: 'ImageComponents',
      component: () => import('@/layout/Empty.vue'),
      children: [
        { path: 'local_upload', name: 'DemoImageUpload', meta: { title: '本地图片上传' }, component: () => import('@/apps/admin/views/demo/images/ImageUpload.vue') },
        { path: 'aliyun_oss', name: 'DemoAliyunOSS', meta: { title: '阿里云OSS' }, component: () => import('@/apps/admin/views/demo/images/AliyunOSS.vue') },
        { path: 'preview', name: 'DemoPreview', meta: { title: '图片预览' }, component: () => import('@/apps/admin/views/demo/images/Preview.vue') }
      ]
    },
    {
      path: 'form',
      meta: {
        icon: 'text_format',
        title: '表单功能'
        // open: true
      },
      component: () => import('@/layout/Empty.vue'),
      children: [
        { path: 'vinput', name: 'DemoVinput', meta: { title: '自定义VInput' }, component: () => import('@/apps/admin/views/demo/Vinput.vue') },
        { path: 'ckeditor', name: 'DemoCKEditor', meta: { title: 'CKEditor' }, component: () => import('@/apps/admin/views/demo/CKEditor.vue') },
        { path: 'tinymce5', name: 'DemoTinyMCE5', meta: { title: 'TinyMCE5' }, component: () => import('@/apps/admin/views/demo/TinyMCE5.vue') },
        { path: 'birthday', name: 'DemoBirthday', meta: { title: 'Birthday' }, component: () => import('@/apps/admin/views/demo/Birthday.vue') },
        { path: 'color_picker', name: 'DemoColorPicker', meta: { title: 'ColorPicker' }, component: () => import('@/apps/admin/views/demo/ColorPicker.vue') },
        { path: 'date_timep_picker', name: 'DemoDateTimePicker', meta: { title: 'DateTimePicker' }, component: () => import('@/apps/admin/views/demo/DateTimePicker.vue') }
      ]
    },
    {
      path: 'icon',
      meta: {
        icon: 'sentiment_satisfied_alt',
        title: '图标'
      },
      name: 'Icon',
      component: () => import('../views/demo/Icon.vue')
    },
    {
      path: 'snackbars',
      meta: {
        icon: 'notifications',
        title: 'SnackBars'
      },
      name: 'DemoToast',
      component: () => import('../views/demo/SnackBars.vue')
    },
    {
      path: 'map',
      meta: {
        icon: 'map',
        title: '地图'
      },
      component: () => import('@/layout/Empty.vue'),
      children: [
        { path: 'amap', name: 'DemoAmap', meta: { title: '高德地图' }, component: () => import('../views/demo/maps/Amap.vue') },
        { path: 'baidu', name: 'DemoBaiduMap', meta: { title: '百度地图' }, component: () => import('../views/demo/maps/BaiduMap.vue') }
      ]
    },
    {
      path: 'widgets',
      meta: {
        icon: 'widgets',
        title: '小工具'
      },
      component: () => import('@/layout/Empty.vue'),
      children: [
        { path: 'clipboard', name: 'DemoClipboard', meta: { title: '剪切' }, component: () => import('../views/demo/widgets/Clipboard.vue') },
        { path: 'loading', name: 'DemoLoading', meta: { title: 'Loading' }, component: () => import('../views/demo/widgets/Loading.vue') },
        { path: 'pdfviewer', name: 'DemoPDFViewer', meta: { title: 'PDF阅读器' }, component: () => import('../views/demo/widgets/PDFViewer.vue') }
      ]
    },
    {
      path: 'xlsx_export',
      meta: {
        icon: 'import_export',
        title: '导出Excel'
        // open: true
      },
      name: 'XlsxExport',
      component: () => import('../views/demo/XlsxExport.vue')
    },
    {
      path: 'comment_component',
      meta: {
        icon: 'comment',
        title: '评论组件'
        // open: true
      },
      name: 'CommentComponentDemo',
      component: () => import('../views/demo/Comment.vue')
    },
    {
      path: 'charts',
      meta: {
        icon: 'bar_chart',
        title: '图表'
        // open: true
      },
      component: () => import('@/layout/Empty.vue'),
      children: [
        { path: 'g2', name: 'DemoG2', meta: { title: 'G2' }, component: () => import('../views/demo/charts/G2.vue') },
        { path: 'echarts', name: 'DemoEcharts', meta: { title: 'Echarts' }, component: () => import('../views/demo/charts/Echarts.vue') }
      ]
    },
    {
      path: 'random_img',
      meta: {
        icon: 'image_search',
        title: '随机图片'
        // open: true
      },
      name: 'DemoRandomImage',
      component: () => import('../views/demo/RandomImage.vue')
    },
    {
      path: 'server-send-event',
      meta: {
        icon: 'event',
        title: '服务端推送'
        // open: true
      },
      name: 'ServerSendEvent',
      component: () => import('../views/demo/ServerSendEvent.vue')
    },
    {
      path: 'select',
      meta: {
        icon: 'account_tree',
        title: '选择'
      },
      component: () => import('@/layout/Empty.vue'),
      children: [
        { path: 'cascader', name: 'Cascader', meta: { title: '联级选择' }, component: () => import('../views/demo/Cascader.vue') },
        { path: 'area', name: 'AreaSelect', meta: { title: '地区选择' }, component: () => import('../views/demo/AreaSelect.vue') },
        { path: 'tree', name: 'TreeSelect', meta: { title: '树形选择' }, component: () => import('../views/demo/TreeSelect.vue') }
      ]
    }
  ]
}
export default demo
